*{ margin:0px; padding:0px}
body{ font-family:"微软雅黑"; font-size:14px; color:#000000;}
img,div,table,tr,td,span{ border:none}
ul,li{ list-style:none}
a{ text-decoration:none; color:#000000}
a:hover{ text-decoration:none; color:#FF6600}

#topnav{ width:100%; margin:0px auto; height:155px; overflow:hidden; background:url(../images/top_bj.jpg) no-repeat center top}
.tbyc{ width:1400px; margin:0px auto; text-align:right; height:25px; line-height:25px }
.tbyc a{ padding-left:10px; color:#FFF}
@media (max-width:1410px){
.tbyc{ width:95%}
}

/*cd h_top*/
.h_cont{ }
.dz{ float:left;}
.dr{ float:right}
.dr img{ }
@media (max-width:899px){
	.dr{ display:none}
	.dz{ max-width:550px; margin:0 auto; float:none}
}
@media (max-width:680px){
		.tbyc{ display:none}

}
@media (max-width:549px){
	.dz{ padding-top:6%}
	.dz img{ width:100%}
	#topnav{ height: auto}
}

.container{width:1400px; font-family:microsoft yahei; margin:0px auto}
@media (max-width:1410px){
.container{ width:95%}
}

#nav1{ width:100%; margin:0px auto; background:#364646; overflow:hidden}
#nav{ width:1400px; margin:0px auto; line-height:65px; font-family:"微软雅黑"}
#nav ul{ list-style-type:none}
#nav ul li{ float:left; width:12.5%; text-align:center;background:url(../images/nav_bg.png) no-repeat right center;}
#nav ul li a{ color:#FFFFFF; text-align:center; font-size:15px}
#nav ul li a:hover{ color:#ff9711; }
@media (max-width:1410px){
	#nav{ width:95%}
}
@media (max-width:760px){
	#nav{ width:100%; line-height:40px}
	#nav ul li{ width:25%}
}

/*ban*/
.slider-focus{position:relative;width:100%;overflow:hidden;}
.slider-focus .hd{position:absolute;width:100%;height:22px;left:0;bottom:2%;z-index:0;line-height:24px;text-align:center;}
.slider-focus .hd li{display:inline-block;vertical-align:middle;width:25px;height:15px;margin:0 4px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;font-size:0;line-height:0;text-indent:-9999em;cursor:pointer; border-radius:10px; background:#FFF}
.slider-focus .hd li.on{background:#F7C433;}
.slider-focus .bd{position:relative;z-index:0;}
.slider-focus .bd li{position:relative;text-align:center;}
.slider-focus .bd li img{vertical-align:top;width:100%;/* 图片宽度100%，达到自适应效果 */}
.slider-focus .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%;height:280px;display:block;}  /* 去掉链接触摸高亮 */
@media screen and (max-width: 425px){
	.slider-focus .bd li a{width:100%;height:200px;}
}

@media screen and (min-width: 426px){
	.slider-focus .bd li a{width:100%;height:250px;}
}
@media screen and (min-width: 768px){
	.slider-focus .bd li a{width:100%;height:320px;}
}
@media screen and (min-width: 992px){
	.slider-focus .bd li a{width:100%;height:440px;}
}
@media screen and (min-width: 1300px){
	.slider-focus .bd li a{width:100%;height:520px;}
}

@media screen and (min-width: 1400px){
	.slider-focus .bd li a{width:100%;height:550px;}
}

@media screen and (min-width: 1600px){
	.slider-focus .bd li a{width:100%;height:650px;}
}

.clear{ clear:both;}

/*产品*/
.cpzs{ width:80%; margin:0 auto;}
.pon {padding:0.3%; width:32.7%; float:left}
.pon .tu1 {display: block;width: 100%;height: 100%;position: relative;transition: all 0.3s ease 0.1s;overflow: hidden;}
.pon .tu1 img {max-height: 300px;width: 100%;object-fit: cover;}
.pon .tu1 .upimg {width: 100%;height: 100%;opacity: 0;transition: all 0.4s ease 0s;position: absolute;top: 0;left: 0;z-index: 10;}
.pon .tu1:hover .upimg {opacity: 1;}
.pon .tu1 .upimg .bgbox {display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);}
.pon .tu1 .upimg .stit {display: block;font-size: 16px; line-height: 30px;width: 100%; text-align: center; position: absolute;left: 0;top: 10%; margin-top: -15px;color: #fff;z-index: 11;transition: all 0.3s ease-out;}
.pon:hover .tu1 .upimg .stit {top: 35%;}
.pon .tu1 .upimg .stit img { width: 83px; height: 83px;}
.pon .tu1 .upimg .line {display: inline-block;width: 100px;height: 1px;background-color: #f2f2f2;position: absolute;left: 50%;margin-left: -50px;transition: all 0.6s ease 0s;}
.pon .tu1:hover .upimg .line {width: 6px;margin-left: -3px;opacity: 0.6;filter: alpha(opacity=60);}
.pon .tu1 .upimg .linet {top: 0;}
.pon .tu1 .upimg .lineb {bottom: 0;}
.pon .n3-tit {width:100%;height:80px; background:#EFEFEF}
.pon .n3-tit h3 {float: left;overflow: hidden;line-height: 27px;transition: 0.5s;padding-top:10px;font-size: 18px;color: #444; padding-left:2%; font-weight:normal}
.pon .n3-tit h3 span {font-size: 16px;color: red;display: block;letter-spacing: 0px;overflow: hidden;color: #666;}
.pon .n3-tit .jiantou {display: none;float: right;width: 18%;height: 100px;transition: 0.5s;}
.pon .n3-tit:hover .jiantou {}
@media (max-width:960px){
	.pon .n3-tit h3 span{ font-size:14px}
}
@media (max-width:810px){
.cpzs{ width:95%}
.pon { width:49.4%; float:left}
.pon:nth-child(9){ display:none}
}
@media (max-width:642px){
.pon .n3-tit {width: 100%;height: auto;background-position-x: 0%;background-position-y: 0%;background-position: 81% 17px;}
.pon .n3-tit h3 {float: left;overflow: hidden;padding-left: 9%;	width:91%;line-height: 27px;transition: 0.5s;font-size: 18px;color: #444;text-align: left;}
.pon .n3-tit h3 span { display:block}
}
@media (max-width:499px){
.pon {padding: 6px; width:96%; float: none; margin:0 auto}
.pon:nth-child(9){ display: block}
}

/*公司简介*/
#part-jj{width: 100%;margin: 0px auto;background: url(../images/jjbg.jpg) top center no-repeat; padding-bottom:4%; margin-bottom:44px}
.width-1400{ width:1400px; margin:0 auto; padding-top:2%}
.part-jj1{ margin-bottom: 74px; }
.jjbt{ position:absolute; z-index: 5; }
.jjbt img{ width:170px;}
.jjcon{ position: relative; top: 74px; margin: 0px auto;  padding:20px 60px 60px 60px; max-width: 1040px; background: url(../images/topbg.jpg); z-index: 1;  }
.jjcon-l{ margin-top:44px; margin-bottom:30px; max-width: 705px; line-height: 26px; }
.jjcon-l h1{ font-size:26px; padding-bottom:30px}
.jjcon-l span{font-weight:bold;}
.jjcon1{}
.jjcon1 img{ width:1051px; height:166px}
.jjcon .jjcon-l span{ font-size: 18px; }
.jjcon .jjcon-r{ width: 317px; }
.float-l{ float:left}
.float-r{ float:right}
@media (max-width:1410px){
.width-1400{ width:95%}
.jjbt img{ width:130px}
}
@media (max-width:1202px){
.jjcon{ padding:1% 2% 2% 2%; width:96%}
.jjcon-l{ width:62%; margin-top:6%;}
.jjcon1 img{ width:100%; height:auto}
}
@media (max-width:980px){
.jjcon-l{-webkit-line-clamp:6;text-overflow: ellipsis; -webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
}
@media (max-width:915px){
.jjcon-l h1{ font-size:22px; padding-bottom:20px}
.jjcon-l{ width:57%}
}
@media (max-width:819px){
.jjbt img{ width:100px;}
.jjcon .jjcon-r{ display:none}
.jjcon-l{ width:100%}
.jjcon-l h1{ padding-top:1%}
}
@media (max-width:550px){
	.jjcon1{ display:none}
}
@media (max-width:470px){
	#part-jj{ margin-bottom:19%}
	.jjcon{ top:87px}
.jjcon-l h1{ font-size:20px}
}
.sybt{ width:100%; margin:0 auto; background:url(../images/ming_6.png) no-repeat center; margin-top:2%; margin-bottom:2%}
.sybt h1{ text-align:center}

/*产品*/
.cpzs1{ width:75%; margin:0 auto; margin-bottom:2%}
.pon1 {padding:0.3%; width:24.4%; float:left}
.pon1 .tu1 {display: block;width: 100%;height: 100%;position: relative;transition: all 0.3s ease 0.1s;overflow: hidden;}
.pon1 .tu1 img {max-height: 300px;width: 100%;object-fit: cover;}
.pon1 .tu1 .upimg {width: 100%;height: 100%;opacity: 0;transition: all 0.4s ease 0s;position: absolute;top: 0;left: 0;z-index: 10;}
.pon1 .tu1:hover .upimg {opacity: 1;}
.pon1 .tu1 .upimg .bgbox {display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);}
.pon1 .tu1 .upimg .stit {display: block;font-size: 16px; line-height: 30px;width: 100%; text-align: center; position: absolute;left: 0;top: 10%; margin-top: -15px;color: #fff;z-index: 11;transition: all 0.3s ease-out;}
.pon1:hover .tu1 .upimg .stit {top: 35%;}
.pon1 .tu1 .upimg .stit img { width: 83px; height: 83px;}
.pon1 .tu1 .upimg .line {display: inline-block;width: 100px;height: 1px;background-color: #f2f2f2;position: absolute;left: 50%;margin-left: -50px;transition: all 0.6s ease 0s;}
.pon1 .tu1:hover .upimg .line {width: 6px;margin-left: -3px;opacity: 0.6;filter: alpha(opacity=60);}
.pon1 .tu1 .upimg .linet {top: 0;}
.pon1 .tu1 .upimg .lineb {bottom: 0;}
.pon1 .n3-tit {width:100%;height:80px; background:#EFEFEF}
.pon1 .n3-tit h3 {float: left;overflow: hidden;line-height: 27px;transition: 0.5s;padding-top:10px;font-size: 18px;color: #444; padding-left:2%; font-weight:normal}
.pon1 .n3-tit h3 span {font-size: 16px;color: red;display: block;letter-spacing: 0px;overflow: hidden;color: #666;}
.pon1 .n3-tit .jiantou {display: none;float: right;width: 18%;height: 100px;transition: 0.5s;}
.pon1 .n3-tit:hover .jiantou {}
@media (max-width:1410px){
	.cpzs1{ width:95%}
.pon1 {padding: 0.5%; width:24%; float:left}
.pon1 .n3-tit h3 {float: left;overflow: hidden;padding-left:1%;	width:99%;line-height: 23px;transition: 0.5s;padding-top:15px;font-size: 15px;color: #444;text-align: left;}
.pon1 .n3-tit {width: 100%;height: auto;background-position-x: 0%;background-position-y: 0%;background-position: 81% 17px;}
}
@media (max-width:1036px){
	.pon1 { width:32.3%}
	.pon1:nth-child(7),.pon1:nth-child(8){ display:none}
}
@media (max-width:789px){
.pon1 {width:49%; float:left}
.pon1:nth-child(7){ display: block}
.pon1:nth-child(8){ display: block}
}
@media (max-width:642px){
.pon1 .n3-tit {width: 100%;height: auto;background-position-x: 0%;background-position-y: 0%;background-position: 81% 17px;}
.pon1 .n3-tit h3 {float: left;overflow: hidden;padding-left: 9%;width:100%;line-height: 27px;transition: 0.5s;font-size: 18px;color: #444;text-align: left; padding-bottom:1%}
.pon1 .n3-tit h3 span { display:block}
.pon1 { width:47%; float:left}
}
@media (max-width:499px){
.pon1 {width:100%; float: none; margin:0 auto}
.pon1 .n3-tit h3 { padding-left:0}
}


.xw01{ width:100%; margin:0 auto; background:url(../images/xwbg.jpg) no-repeat center; height:484px; padding-top:2%}
.xw01 dl{ float:left; width:31%; margin-left:1%; margin-right:1%; margin-top:6%}
.date{ width:120px; height:120px;  text-align:center; border:1px #CCCCCC solid; border-radius:10px; margin-bottom:1%}
.date h1{ color:#FFF; font-size:35px; padding-top:20px}
.date h2{ font-size:26px; font-weight:normal; color:#FFF}
.xw01 dl dd{ color:#FFF; font-weight:bold; font-size:16px; line-height:40px}
.xw01 dl dd a{ color:#ccc}
.xw01 dl dt{ font-size:15px; line-height:27px; margin-top:1%}
.xw01 dl dt a{ color:#ccc;}
@media (max-width:745px){
	.xw01 dl:nth-child(3){ display:none;}
	.xw01 dl{ width:48%}
}
@media (max-width:540px){
	.xw01{ height:auto; padding-bottom:2%}
	.xw01 dl:nth-child(2){ display:none}
	.xw01 dl{ width:100%}
	.date{ width:90px; height:90px; margin:0 auto}
	.date h1 { font-size:25px}
	.date h2{ font-size:20px}
	.xw01 dl dd{ text-align:center} 
}

/*新闻*/
.tit02{padding: 15px 0px;border-bottom: 1px solid #ebebeb;overflow: hidden;}
.tit02 .tit2-l{float: left;width: 60%;}
.tit02 .tit2-l h2{display: block;font-size: 22px;color: #373737;font-weight: bold;letter-spacing: 2px;}
.tit02 .tit2-l p{display: block; margin-top: 7px;font-size: 12px;color: #afafaf;text-transform: uppercase;}
.tit02 .morea a{ display: block;margin-top: 25px;float: right;width: 40%;font-size: 14px;color: #343434;text-align: right;text-transform: uppercase;}

.xw02_l{ float:left; width:68%}
.xw02_r{ float:right; width:30%}
.wl-news{width: 95%;}
.wl-news1{padding:17px 0px;}
.wl-news1 .l-tu{float: left; width: 20%;}
.wl-news1 .l-tu img{width: 100%;}
.wl-news1 .r-n-con{float: right;width:75%;}
.wl-news1 .r-n-con a h3{display: block; height: 40px;font-size: 17px;color: #343434; overflow: hidden;transition: all 0.3s ease-out;}
/*.wl-news1:hover .r-n-con a h3{
  color: #ee0f0f;
}*/
.wl-news1 .r-n-con p{display: block;height: 59px;font-size: 14px;color: #9a9a9a;line-height: 150%;overflow: hidden;}
.wl-news1 .r-n-con .more a{display: block; margin-top: 40px;width: 80px;height: 26px; background-color: #1b1f2a;text-align: center;line-height: 26px;font-size: 14px;color: #9a9a9a;transition: all 0.3s ease-out;}
.wl-news1:hover .r-n-con .more a{ background-color: #ee0f0f;color: #fff;}
.wl-news2{padding:10px 0px;}
.wl-news2 li{padding:11px 0px;border-bottom: 1px solid #f1f1f3;overflow: hidden; width:49%; float:left}
.wl-news2 li:nth-child(2n){ margin-left:1%}
.wl-news2 li .n2-tit{float: left; width: 74%;}
.wl-news2 li .n2-tit img{ display: inline-block; margin-right: 10px;}
.wl-news2 li .n2-tit a h3{display: inline-block; font-size: 15px;color: #7a7a7a; transition: all 0.3s ease-out; width:84%; height:20px; overflow:hidden}
.wl-news2 li:hover .n2-tit a h3{color: #ee0f0f;}
.date1{float: right; font-size: 13px;color: #7a7a7a;text-align: right;transition: all 0.3s ease-out;}
.wl-news2 li:hover .dat1e{ color: #008ce3;}

.wl-n3-img img{ width: 100%;}

.wl-news3{}
.wl-news3 li{margin-bottom: 2px; padding:22px 0px;background-color: #f4f4f4;overflow: hidden;transition: all 0.3s ease-out;}
.wl-news3 li:hover{background-color: #ee0f0f;}
.wl-news3 li .n3-tit{ float: left; width: 88%;}
.wl-news3 li .n3-tit .yuan{ display: inline-block;margin-right: 15px;margin-left: 15px;width: 7px;height: 7px;border:2px solid #b3b3b3; border-radius: 50%; transition: all 0.3s ease-out;}
.wl-news3 li:hover .n3-tit .yuan{ border:2px solid #fff;}
.wl-news3 li .n3-tit a h3{display: inline-block;width: 80%;font-size: 15px; color: #6f6f6f; height:20px; overflow:hidden}
.wl-news3 li:hover .n3-tit a h3{color: #fff;}
.wl-news3 li .more{float: right; width: 30px; text-align: center;}
.wl-news3 li .more .yuantu{width: 20px;height: 20px;background-color: #e3e3e3;text-align: center;line-height: 20px;font-size: 14px;color: #7e7e7e; font-weight: bold;border-radius: 50%;}
@media screen and (max-width:1236px){
.wl-news1 .l-tu{ width:25%}
.wl-news1 .r-n-con{ width:65%}
.wl-news1 .r-n-con .more a{ margin-top:20px}
}
@media screen and (max-width:975px){
.xw02_r{ display:none}
.xw02_l{ width:100%; float:none}
.wl-news{ width:100%}
.wl-news1 .r-n-con p{ line-height:190%; font-size:15px}
}
@media screen and (max-width:635px){
	.l-tu{ display:none}
	.wl-news1 .r-n-con{ width:100%; float:none}
	.wl-news1 .r-n-con p{ height:auto}
	.wl-news2 li{ width:100%}
}
@media screen and (max-width:635px){
.date1{ display:none}
.wl-news2 li .n2-tit{ width:100%}
.wl-news2 li:nth-child(n+11){ display:none}
}
/**/
.ys_w{ background:#DEE5E5; width:100%}
.ys{ width:1400px; margin:0 auto; padding:0.5% 0}
.ys-tb{padding:1%; text-align: center; float:left; width:22.4%; margin-right:0.5%}
.ys-tb:nth-child(4){ margin-right:0}
.ys-tb p{display: block;margin-top: 15px;font-size: 24px;color: #F7C433;text-align: center;font-weight: bold;}
.ys-tb span{display: block;margin-top: 15px;font-size: 15px; color: #436262;text-align: center;}
@media screen and (max-width:1410px){
	.ys{ width:95%}
}
@media screen and (max-width:779px){
	.ys{ width:100%}
.ys-tb p{ font-size:21px}
}
@media screen and (max-width:500px){
	.ys-tb p{ font-size:18px}
	.ys_w{ display:none}
}

.service_index_w{ width:100%; background:#488383; padding-bottom:1%}
.service_index{ margin:0 auto; width:1400px}
.service{width: 336px; float:left}
.service h2{font-size: 60px;color: #fff;margin-bottom: 10px;font-family: MyNewFont;font-size: 60px; text-align:center}
.service_content{padding:0 60px;border-left: solid 1px #e5e5e5; text-align:center}
.service_content div{height: 2px;width: 30px;background: #444444;margin: auto;}
.service_content h3{font-size: 24px;font-weight: 700;color: #fff;margin-top: 18px;}
.service_content p{font-size: 14px;color: #F0F0F0;margin-top: 10px;line-height: 24px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.service_content_first{border-left:none;}
.service:hover .service_content div{background: #f37404;}
@media screen and (max-width:1410px){
.service_index{ width:95%}
.service{ width:25%}
.service_content{ padding:0 2%}
.service h2{ font-size:50px}
}
@media screen and (max-width:820px){
	.service h2{ font-size:40px}
	.service_content h3{ font-size:18px}
	.service_index{ padding:2% 0}

}
@media screen and (max-width:580px){
.service_index{ display:none}
}


/*内页*/
.nr{width:100%; margin:0 auto;background:#f1f1f1}

.cpfl{ width:95%; margin:0 auto}
.cpfl ul{}
.cpfl ul li{ width:19.5%; margin-left:0.2%; margin-right:0.2%; background:#333; text-align: center; float:left; margin-bottom:0.5%; height:40px; line-height:40px }
.cpfl ul li a{ color:#FFF }
@media screen and (max-width:680px){
	.cpfl ul li{ font-size:13px; height:35px; line-height:35px}
}
@media screen and (max-width:550px){
	.cpfl ul li{ width:49%}
.cpfl ul li a{ font-size:12px}
}

.index{  background:#FFF; padding:2%;}
.index h2{ font-size:31px; color:#ce0001; font-family:"微软雅黑"; text-align:center; line-height:36px}
.index h1{ text-transform:uppercase; text-align:center; font-weight:normal; font-size:20px; line-height:36px}
.index h3{font-size:15px; font-weight:normal; font-family:"微软雅黑"; text-align:center;}
@media screen and (max-width:680px){
	.index h2{ font-size:26px}
	.index h1{ font-size:17px}
.index h3{ display:none}
}
.content1{ line-height:37px; font-size:15px; max-width:1400px; margin:0 auto; padding:1% 0}
.content{  line-height:37px; font-size:15px; max-width:1400px; margin:0 auto; padding:1% 0}

@media screen and (max-width:1400px){
.content{ width:95%; padding-top:2%}	
.content1{width:95%; padding-top:2%}
}
@media screen and (max-width:1250px){
	.content img{ width:95%; margin:0 auto}
}
@media screen and (max-width:600px){
	.content1 img{ width:90%}
}
.productlist dl{ width:31%; float:left; margin-left:1%; margin-right:1%; margin-bottom:1%; border-radius:15px}
.productlist dl:hover{ background:#fff}
.productlist dl dt{ height: auto; overflow:hidden;border-radius:15px; margin:2% }
.productlist dl dt a{ width:100%}
.productlist dl dt a img{ width:100%; height: auto; vertical-align:middle;transition: all .4s ease-in-out;}
.productlist dl dt a:hover img {transform: translateZ(0) scale(1.12);}
.productlist dl dd{ height:26px; line-height:26px; text-align:center; overflow:hidden}
.productlist dl dd a{ height:26px; line-height:26px}
@media screen and (max-width:680px){
	.productlist dl{ width:48%}
	.productlist dl dt{ border-radius:10px}

}
.page { margin:0px auto; width:940px; padding-top:10px; padding-bottom:8px}
.page ul li{float:left; border:1px solid #e5e5e5; padding:0 5px; height:20px; line-height:20px; overflow:hidden; color:#000; margin:0 3px 3px;}
.page ul li a{color:#666;}
.page ul li a:hover{color:#588b00;}
.page ul li a.on{color:#333; font-weight:bold;}
.page ul li.last{color:#7b7b7b;}
@media screen and (max-width:950px){
.page { width:95%}	
}

.rel_center0{ text-align:center}
.pro_name{ text-align:center; margin-top:1%}
.pro_name h2{ font-size:24px; font-weight:normal}
@media only screen and (max-width:550px) {
.rel_center0 img{ width:80% }	
.pro_name h2{ font-size:18px}
}
.info_title{width:100%;text-transform:uppercase;margin-bottom:20px;}
.info_title h3{font-size:18px;text-align:left;padding:36px 0 10px 0;border-bottom:1px solid #ddd;}
.info_title h3 span{font-family:'Arial';font-size:15px;}
.info_title hr{width:44px;height:2px;background:#5F5F5F;border:none;margin:-11px auto 0 auto;}

.title{ text-align:center; font-size:19px; font-weight:bold; margin-bottom:1%}
.info{ text-align:center; width:40%; border-bottom:1px #A5A2A2 solid; border-top:1px #A5A2A2 solid; margin:0 auto}

.xwzx{}
.xwzx ul{ list-style-type:none}
.xwzx ul li{ border-bottom:1px dotted #ccc; height:35px; line-height:35px}
.xwzx ul li span{ float:right; font-size:12px}
@media only screen and (max-width:680px) {
	.xwzx ul li a{ width:70%; float:left; height:35px; overflow:hidden}
	.xwzx ul li span{ width:25%; text-align:right}
}
@media only screen and (max-width:430px) {
}
.ipro{}
.ipro dl{ width:24%; float:left; margin-right:0.5%; margin-left:0.5%}
.ipro dl dt{ width:100%}
.ipro dl dt a{ width:100%}
.ipro dl dt a img{ width:100%; height: auto; vertical-align:middle; }
.ipro dl dd{ height:26px; line-height:26px; text-align:center}
.ipro dl dd a{ height:26px; line-height:26px}
@media only screen and (max-width:500px) {
	.ipro dl{ width:49%}
}
.newslist{}
.newslist dl{ list-style-type:none; border-bottom:1px dotted #ccc; }
.newslist dl dd {}
.newslist dl dd a{ font-size:14px; color:#000; font-family:"微软雅黑"; float:left}
.newslist dl dd span{ float:right;}
.newslist dl dt{line-height:28px; margin-bottom:5px; display:block}


/**/
#bottom{  width: 100%; padding-top: 40px; padding-bottom: 40px; background: url(../images/bombg.jpg);  }
.bottom{ margin: 0px auto; width: 1400px; line-height: 36px;  }
.bottom1{  float: left; width:22%; height: auto;  margin-left: 1%; margin-right:1%; border-right: 1px solid #f0f0f0; }
.bottom1:nth-child(3){ width:25%}
.bottom1 h2{  margin-bottom:10px;  color: #333333; font-size: 18px; text-align:left;}
.bottom1 p{ color: #333333; line-height: 24px; font-size: 14px;}
.bottom1 p a{ color: #333333; }
.bottom1:nth-child(4){ border-right:none}
.bottom1:nth-child(4) img{ width:50%}
.bottom1:nth-child(4) p{ }

.bottom-dh{ width:100%; }
.bottom-dh ul{ margin: 0px; padding: 0px; }
.bottom-dh ul li{ float: left;  width:50%; height: 30px; line-height: 30px; font-size:14px;}
.bottom-dh ul li a{ color: #333333;}

.gjc{ display:none}
.bottom-bq{   background: #273434; text-align: center; color: #ffffff; line-height:28px; padding:1% 0}
.bottom-bq p{  color: #ffffff; }
.bottom-bq p a{  color: #ffffff; }
.bottom-bq a{  color: #ffffff; }
@media only screen and (max-width:1410px) {
.bottom{ width:95%}	
}
@media only screen and (max-width:1160px) {
.bottom1:nth-child(4){ display:none}
.bottom1{ width:31%}
.bottom1:nth-child(3){ width:30%; border-right:none}
}
@media only screen and (max-width:800px) {
	.bottom1:nth-child(1){ display:none}
	.bottom1:nth-child(3){ width:47%}
	.bottom1{ width:47%}
}

@media only screen and (max-width:680px) {
	.gjc{ display:block}
	.bottom{ width:98%}	
	.bottom1{ width:100%; margin-left:0; margin-right:0}
	.bottom1:nth-child(3){ width:100%}
	.bottom-dh ul li{ width:24%; background:#488383; text-align:center; margin:0 0.5% 1%; height:35px; line-height:35px}
	.bottom-dh ul li a{ color:#FFF}
}
@media only screen and (max-width:420px) {
	.bottom-dh ul li{ width:32%}
}
.header1{ display:none}
@media only screen and (max-width:768px) { 
.bottom-bq{ margin-bottom:65px}  
.header1{ height:65px; position:fixed; bottom:0px; left:0px; z-index:99999; width:100%; line-height:45px; display:block; clear:both; }
.header1 h2{ width:100%; height:45px; text-align:center; background:url(../images/header1.png) no-repeat center top ; display: block}
.header1 h2 a{ color:#FFFFFF; font:24px/69px "微软雅黑"; margin: 0 auto; width:100%; display: block; font-variant:small-caps; height:60px;}
.header1 li{ width:25%; float:left; height:90px; padding-top:10px;background:url(../images/headerli.png) no-repeat right top #1F4343;} 
.header1 a p{width: 80px;height:50px; font:14px/80px "微软雅黑"; text-align:center; color:#FFFFFF;position: relative;  margin:0px auto;}
.n1 p{ background:url(../images/pic_03.png) no-repeat center top;}
.n2 p{background:url(../images/pic_05.png) no-repeat center top;}
.n3 p{background:url(../images/pic_07.png) no-repeat center top; }
.n4 p{background:url(../images/pic_09.png) no-repeat center top;} 
}